<template>
    <div>
        <x-table :data="tableData">
            <x-table-column label="数字" prop="key"></x-table-column>
            <x-table-column label="字母" prop="value"></x-table-column>
        </x-table>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                tableData: [
                    {
                        key: 1,
                        value: "a"
                    },
                    {
                        key: 2,
                        value: "b"
                    },
                    {
                        key: 3,
                        value: "c"
                    },
                    {
                        key: 4,
                        value: "d"
                    },
                    {
                        key: 5,
                        value: "e"
                    }
                ]
            }
        }
    }

</script>